<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>通过JS操作cookie</p>
    <script>
        // 新增cookie
        document.cookie = "name=tom";
        document.cookie= "age=18";
        document.cookie= "job=student";
        document.cookie= "sex=1";
        // 获取cookie
        console.log(document.cookie);
        // cookie原始类型是字符串 不方便使用 所以要处理，转换为对象
        var cookieStr = document.cookie;
        // 分割为数组
        var arr1 = cookieStr.split(';');
        console.log(arr1);
        var obj = {};
        // 遍历数组，将数组中的每一项分割成两小项，第一个是对象的key，第二个是对象的value
        for (var i = 0; i < arr1.length; i++) {
            var arr2 = arr1[i].split('=');
            // 方括号表示对象的key是变量
            obj[arr2[0].trim()]=arr2[1]
        }
        console.log(111, obj);
        // expires 过期时间，时间点  max-age存在时间，时间段
    </script>
</body>
</html>